<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
    template="/layout/template.xhtml">

<ui:define name="body">
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"/>
	<script type="text/javascript" src="#{request.contextPath}/common/js/gMaps.js"/>

	<rich:panel>
	    <h:panelGrid columns="2">
	    	<s:div styleClass="mapa">
	    		<rich:gmap 
	    			zoom="8" 
	    			mapType="G_NORMAL_MAP"  
	    			enableInfoWindow="false" 
	    			showGMapTypeControl="false" 
	    			showGLargeMapControl="false" 
	    			showGScaleControl="true"
	    			gmapVar="mapa"
					style="width: 200px; height: 200px;overflow-x: hidden; overflow-y: hidden; position: relative; background-color: rgb(229, 227, 223); " 
					lat="#{travelDetailsBean.travel.fromLat}" 
					lng="#{travelDetailsBean.travel.fromLon}"
					oninit="traceRouteInMap(mapa, #{travelDetailsBean.travel.fromLat}, #{travelDetailsBean.travel.fromLon}, #{travelDetailsBean.travel.toLat}, #{travelDetailsBean.travel.toLon})">
				</rich:gmap>  
	    	</s:div>
	    	<s:div styleClass="mapa_info">
	    	<h:outputText value="#{travelDetailsBean.travel.name}"/>
	    	<h:outputText value="#{travelDetailsBean.travel.distance} Km."/>
	    	<h:outputText value="#{travelDetailsBean.travel.user.login}"/>
	    	</s:div>
	    	
	    	
	    </h:panelGrid>
	</rich:panel>
	
		
        
        
</ui:define>
</ui:composition>
	